<template>
    <div id='tab-bar'>
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: 'TabBar',
        data () {
            return {

            }
        },
        components: {

        }
    }
</script>

<style>
    #tab-bar {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    font-size: 14px;
    box-shadow: 0 0px 6px #999;
  }
</style>
